.background {
	background: linear-gradient(180deg, #E0EDFF 0%, #EAF3FF 100%);
	min-height: 100%;
	padding: 30rpx;
	padding-bottom: 140rpx;
	overflow: auto;
}
.personal{
	width: 100%;
	height: 170rpx;
	padding: 0rpx ;
	display: flex;
	align-items: center;
}
.right{
	margin-left: 30rpx;
}
.img{
	width: 120rpx;
	height: 120rpx;
	border-radius: 50%;
}
.username{
	font-size: 32rpx;
	font-weight: 500;
	color: #282C35;
}
.mobile{
	margin-top: 16rpx;
	color: #666;
	font-size: 32rpx;
}
.SuperFine{
	min-height: 720rpx;
}
.SuperFine_loanee{
	.text{
		display: flex;
		flex-direction: column;
		font-size: 36rpx;
		margin-left: 54rpx;

	}
	.balance{
		font-size: 44rpx;
		font-weight: 700;
		color: #000000;
		margin-left: 40rpx;
	}
	.button{
		display: flex;
		position: absolute;
		right: 40rpx;
		.recharge{
			padding: 4rpx 26rpx;
			color: #E24D49;
			border-radius: 40rpx;
			border: 4rpx solid #E24D49;
			font-weight: 700;
		}
		.withdrawal{
			padding: 4rpx 26rpx;
			color: #FFFFFF;
			border-radius: 40rpx;
			background: #E24D49;
			font-weight: 700;
			margin-left: 40rpx;
			border: 2px solid #e24d49;
		}
	}
}
.Tertiary{
	height: 116rpx;
}
.secondary{
height: 232rpx;	
}
.public{
	width: 100%;
	background: #FFFFFF;
	margin-top: 32rpx;
	padding-bottom: 20rpx;
	border-radius: 20rpx;
}
.card{
	height: 114rpx;
	width: 100%;
	padding: 0rpx 32rpx;
	display: flex;
	align-items: center;
	position: relative;
	.cardImg{
		width: 34rpx;
		height: 34rpx;
	}
	.cardTitle{
		margin-left: 20rpx;
		font-weight: 400;
		font-size: 28rpx;
		color: #0F1E39;
		flex: 1;
	}
		
	.modifyImg{
		width: 34rpx;
		height: 34rpx;
	}
}
.show{
	/* 
	margin-left: 88rpx;
	border: 1px solid #EEEEEE; 
	*/
}

.person-bank {
	height: 180rpx;
	margin: 36rpx 0;
	position: relative;
	
	&-bg {
		width: 100%;
		height: 100%;
		
		uni-image {
			width: 100%;
			height: 100%;
		}
	}
	
	&-content {
		position: absolute;
		z-index: 1;
		zoom: 1;
		width: 100%;
		height: 100%;
		padding: 10rpx 30rpx;
		top: 0;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		color: #FFF;
	}
	
	&-left {
		flex: 1;
	}
	&-right {}
	&-title {
		font-weight: 500;
		font-size: 30rpx;
		line-height: 30rpx;
	}
	&-amount {
		font-weight: 400;
		font-size: 54rpx;
		color: #FFFFFF;
		line-height: 30rpx;
		margin-top: 25rpx;
	}
	
	&-btn {
		width: 120rpx;
		height: 60rpx;
		line-height: 60rpx;
		text-align: center;
		display: inline-block;
		background: #FFFFFF;
		border-radius: 30rpx;
		border: 1px solid #FFFFFF;
		font-size: 26rpx;
		color: #4594FC;
		margin-left: 24rpx;
		
		&.plain {
			background: transparent;
			color: #FFF;
			border-color: #FFF;
		}
	}
}


.logout-btn {
	width: 580rpx;
	margin: 80rpx auto 30rpx;
	background: linear-gradient(90deg, #E75353 0%, #ED4F4F 100%);
	border-radius: 50rpx;
	font-size: 30rpx;
	color: #FFFFFF;
	height: 100rpx;
	display: flex;
	align-items: center;
	justify-content: center;
}